{% load static %}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
    <link rel="stylesheet" href="{% static 'css/index.css' %}">
    <script src="{% static 'js/jquery-3.4.1.min.js' %}"></script>
    <script src="{% static 'js/bootstrap.min.js' %}"></script>
    <style>
             .D_line{
    margin-top: 150px;
    height: 50px;
    width: 100%;
    background-color: #01A9DC;
    margin-bottom: 10px;

}
        .copy{
    text-align: center;
    font-size: 14px;
            line-height: 25px;
            font-weight: 700;
}
        .img{
            margin: 20px 35%;
        }
        .detail{
            font-size: 20px;
            margin: 20px 25%;
            width: 750px;

        }
        .btn{
            font-size: 16px;
            {#background-color: #dbcbff;#}
            color: inherit;
            font-weight: 700;
            margin: 10px 47%;
            border: 2px solid #74dfff;
        }

    </style>
</head>
<body>
    <header class="container-fluid">
        <img src="{% static 'images/logo.png' %}" alt="PPCsPG" class="img-responsive" id="img">
        <div class="row">
            <nav class="navbar navbar-inverse" id="nav">
                <div class="container-fluid">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                       <a class="navbar-brand" href="/">PPCsPG</a>

                    </div>

                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                        <ul class="nav  navbar-right navbar-nav">
                            <li class="active"><a href="/" >Home </a></li>
                            <li ><a href="{% url 'browse' %}">Browse</a></li>
                            <li><a href="{% url 'search' %}">Search</a></li>
                            <li><a href="https://www.genome.jp/tools/blast/">Blast</a></li>
                            <li><a href="{% url 'peptide.peptide' %}">Prediction</a></li>
                            <li><a href="{% url 'download' %}">Download</a></li>
                            <li><a href="{% url 'help' %}">Help</a></li>
                      </ul>
                    </div>
                </div>
            </nav>
        </div>
    </header>
    <div class="content">
        <div class="img"><img src="{% static 'images/download.png' %}" alt="" width="400px"></div>
        <div class="detail"><p>We have provided the basic information of the peptide encoding sORFs, which can be obtained by clicking the button below.
            I hope these data are helpful to you!</p></div>
        <div class="button">
            <a href="{% url 'txt' %}"><button type="button" class="btn btn-default">download</button></a>
        </div>



    </div>
      <div class="D_line"><p class="copy">Copyright@ 山东省生物物理重点实验室  联系电话：0534-8985884   邮箱：swwlzdsys@163.com
<br />实验室地址:山东省德州市德城区大学西路566号 邮政编码:253023</p></div>

    <script>

    </script>
</body>
</html>